<?php include ROOT . '/views/layouts/header.php'; ?>

    <style type="text/css">

        #Dashboard, #Remote, #Bots, #Statistics, #Tasks, #Settings {
            display: none;
        }

        #Dashboard:target, #Remote:target, #Bots:target, #Statistics:target, #Tasks:target, #Settings:target {
            display: block;
        }

    </style>

    <div class="flex px-4">
        <nav class="text-gray-100 bg-green-800">
            <ul>
                <a href="#Dashboard">
                    <li class="px-8 py-4 hover:text-black hover:bg-gray-300 rounded-lg">
                        <i class="fa fa-th"><span class="ml-2">Dashboard</span></i>
                    </li>
                </a>
                <a href="#Remote">
                    <li class="px-8 py-4 hover:text-black hover:bg-gray-300 rounded-lg">
                        <i class="fa fa-terminal"><span class="ml-2">Remote</span></i>
                    </li>
                </a>
                <a href="#Bots">
                    <li class="px-8 py-4 hover:text-black hover:bg-gray-300 rounded-lg">
                        <i class="fa fa-tasks"><span class="ml-2">Bots</span></i>
                    </li>
                </a>
                <a href="#Statistics">
                    <li class="px-8 py-4 hover:text-black hover:bg-gray-300 rounded-lg">
                        <i class="fa fa-bar-chart-o"><span class="ml-2">Statistics</span></i>
                    </li>
                </a>
                <a href="#Tasks">
                    <li class="px-8 py-4 hover:text-black hover:bg-gray-300 rounded-lg">
                        <i class="fa fa-users"><span class="ml-2">Tasks</span></i>
                    </li>
                </a>
                <a href="#Settings">
                    <li class="px-8 py-4 hover:text-black hover:bg-gray-300 rounded-lg">
                        <i class="fa fa-cog"><span class="ml-2">Settings</span></i>
                    </li>
                </a>
            </ul>
        </nav>
        <div class="container text-gray-100">
            <div id="Dashboard">
                <div class="container border bg-green-800 border-green-900">
                    0
                </div>
            </div>
            <div id="Remote">
                <div class="container border bg-green-800 border-green-900">
                    <div class="mx-8 my-4 p-2 bg-green-700">
                        <a href="/admin/json/send/">
                            <i class="fa fa-fighter-jet px-8 py-4 hover:text-black hover:bg-gray-300">
                                <span class="ml-2">Json send</span>
                            </i>
                        </a>
                    </div>
                </div>
            </div>
            <div id="Bots">
                <div class="container border bg-green-800 border-green-900">
                    <div class="mx-8 my-4 p-2 bg-green-700">
                        <a href="/admin/vk-tg/">
                            <i class="fa fa-vk px-8 py-4 hover:text-black hover:bg-gray-300">
                                <span class="ml-2">VK-TG Bot log</span>
                            </i>
                        </a>
                    </div>
                </div>
            </div>
            <div id="Statistics">
                Statistics
            </div>
            <div id="Tasks">
                Tasks
            </div>
            <div id="Settings">
                Settings
            </div>

        </div>
    </div>

<?php include ROOT . '/views/layouts/footer.php'; ?>